import Vue from 'vue'
import Vuex from 'vuex'
//把Vuex继承到vue中，这样组件就可以访问到Vuex中的数据了
// vuex持久化
import {
  VuexPersistence
} from 'vuex-persist'
// 配置持久化实例对象
const vuexLoval = new VuexPersistence({
  // localStorage | sessionStorage
  storage: window.localStorage
})
Vue.use(Vuex)
//构建一个仓库
export default new Vuex.Store({
  //仓库的状态(数据声明区域) 放置数据的唯一位置  (单一状态树)
  state: {
    list: [],
  },
  mutations: {
    ssss:(state,obj)=>{
      state.list.push(obj);
    },
    sss:(state,index)=>{
      state.list.splice(index,1);
    },
  },
  actions: {},
  modules: {},
  // 把持久化配置成当前vuex中的插件,相当于Vue.use()
  plugins: [
    vuexLoval.plugin
  ]
})